<template>
	<div>
	    <div class="zan">
	     <div class="zan-content">
	       <div class="zan-left">
	         <div class="zan-left-one">
	         	<span class="number">5.0</span>
	         	<span>分</span>
	         	<span class="desc">超赞</span>
	         </div>
	          <div  class="zan-left-two">
	         	<span>50587条评论</span>
	         	<span>19条攻略</span>
	         	<span class="arr">></span>
	         </div>
	       </div>
	        <div class="zan-right">
	        	 <div class="zan-right-one">
	             	<span class="title">景点简介</span>
	             </div>
	            <div class="zan-right-two">
	         	  <span class="txt">开放时间、贴士</span>
	              <span class="arr">></span>
	            </div>
	        </div>
	     </div>
	     <div class="zan-top">
	     	<p>
	     		<span class="iconfont address">&#xe632;</span>
	     		广东省广州市番禺区长隆旅游度假区内
	     		<span  class="iconfont header-back">&#xe624;</span>
	     	</p>
	     </div>
	    </div> 
	   
	</div>
</template>

<script>
	export default {
		name: 'DetailList'
	}
</script>

<style lang="stylus" scoped>
   .zan
     padding: 5px 10px 0 10px
     height: 99px
     background: #fff
    .zan-content
      display: flex
      height: 41px
     .zan-left
      flex: 1
      position: relative
      .zan-left-one
        height: 25px
        color: #ff8300
        line-height: 25px
        .number
          font-size: 22px
        .desc
          font-size: 14px
          margin-left: 10px
      .zan-left-two
         height: 16px
      .arr
        position: absolute
        font-size: 16px
        color: #9e9e9e
        right: 10px
        top: 13px
     .zan-right
      flex: 1
      position: relative
      .zan-right-one
        font-size: 14px
        line-height: 24px
      .zan-right-two
         height: 16px
        .txt
         color: #9e9e9e;
        .arr
         position: absolute
         font-size: 16px
         color: #9e9e9e
         right: 10px
         top: 13px
    .zan-top
       height:38px
       line-height: 38px
       border-top: 1px solid #ccc
       margin-top: 10px
       p
        position: relative
        .address
          margin: 0 10px
        .header-back
          position: absolute
          right: 10px
          top: 0
    
         
</style>